<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#btnEnviar").click(function(){
                    if(valida()){
                        $.post("<?php echo site_url("encuestaEmpresa/encuestaLab"); ?>",$("#formEncuestas").serialize(), function(data){
                            alert(data);
                            $("#formEncuestas").trigger("reset");
                            $("#divOfertas").load("<?php echo site_url("encuestaEmpresa/ofertasCerradas"); ?>");
                            $("#divFormulario").css("display", "none");
                            return;
                        });
                    }
                }); // fin $("#btnEnviar").click(function(){
                <?php $this->load->view('enReady'); ?>
            }); //fin $(document).ready(function(){
            function valida(){
                if($("#calidad").val() == ""){
                    alert("Debe calificar la Calidad");
                    $("#calidad").focus();
                    return false;
                }
                if($("#seguimiento").val() == ""){
                    alert("Debe calificar el seguimiento");
                    $("#seguimiento").focus();
                    return false;
                }
                if($("#calidad").val() == ""){
                    alert("Debe calificar la Calidad");
                    $("#calidad").focus();
                    return false;
                }
                if($("#postulacion").val() == ""){
                    alert("Debe calificar la Postulación");
                    $("#postulacion").focus();
                    return false;
                }
                if($("#tiempos").val() == ""){
                    alert("Debe calificar el tiempo");
                    $("#tiempos").focus();
                    return false;
                }
                return true;
            }
            function fncambia(val){
                $('#ifrContenido', top.document).css("height",(500) + "px");
                    if(val != "" )
                        $("#divFormulario").css("display", "block");
                    else
                        $("#divFormulario").css("display", "none");
                    return;
            }
        </script>
    </head>
    <body >
        <div id="divContenedor">
            <div id="divTitulo" style="font-size: 16px;text-align: center;color: red">ENCUESTA DE SATISFACCIÓN OFERTAS LABORALES CONTRATADAS</div>

            <form id="formEncuestas" action="" method="POST">
                <div style="width: 100%;position: relative" >
                    <div style="float: left">
                        <label for="ofertas" title="Elija la oferta la laboral para diligenciar la encuesta de satisfacción">Ofertas Laborales Contradas(Oferta->Institución)</label>
                    </div>
                    <div id="divOfertas">
                        <select id="ofertas" name="ofertas" onchange="fncambia(this.value);" >
                            <option value="">Elija</option>
                            <?php
                            foreach ($ofertasTerminadas->result() as $row) {
                                echo "<option value='{$row->ofertaLaboralId}'>" . $row->ofertaLaboralCargo . "->{$row->institucionRazon}</option>";
                            }
                            ?>
                        </select>
                    </div>
                </div>
                <br/><br/>
                <div id="divFormulario" style="display: none;padding-top: 12px">
                    <table border="1">
                        <tr>
                            <td><label for="calidad">La calidad en el acompañamiento de la institución inicial, lo considera Optimo</label></td>
                            <td><select id="calidad" name="calidad">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="seguimiento">La institución cumplió con el segumiento establecido</label></td>
                            <td><select id="seguimiento" name="seguimiento">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="postulacion">La postulación realizada por la institucion se ajustó al perfil requerido</label></td>
                            <td><select id="postulacion" name="postulacion">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="tiempos">Los tiempos de respuesta de la institucion frente a la oferta fueron optimos</label></td>
                            <td><select id="tiempos" name="tiempos">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center"><input type="button" id="btnEnviar" value="Guardar Encuestas" /></td>
                        </tr>
                    </table>
                </div>
            </form>

        </div> <!-- fin <div contenedor -->
    </body>
</html>
